<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="layuimini-container" style="height: 900px;">
    <div class="layuimini-main">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-body" style="padding-top: 40px;height: 900px;">
                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                        <div carousel-item style="height: 900px;">
                            <div class="layui-form layuimini-form" id="surveyForm" lay-filter="surveyForm">
                                <fieldset class="layui-elem-field layui-field-title"
                                          style="color: #009688">
                                    <legend>案件信息</legend>
                                </fieldset>
                                <table class="layui-hide" id="caseReport"></table>

                                <input type="hidden" name="claimmainid" class="layui-input">
                                <input type="hidden" name="casereportid" class="layui-input">
                                <input type="hidden" name="taskid" class="layui-input">
                                <fieldset class="layui-elem-field layui-field-title"
                                          style="margin-top: 20px;color: #009688">
                                    <legend>查勘信息</legend>
                                </fieldset>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">查勘时间</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="surveylosstime" id="surveylosstime"
                                                   autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">事故类型</label>
                                        <div class="layui-input-inline">
                                            <select name="disposetype">
                                                <option value="1">单方事故</option>
                                                <option value="2">双方事故</option>
                                                <option value="3">三方事故</option>
                                                <option value="4">多方事故</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">联系电话</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="telphone" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">驾驶证</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="drivinglicence" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">行驶证</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="vehiclelicense" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">车架号</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="carframeid" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">发动机号</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="engineint" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">查勘地点</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="surveylossaddress" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">驾驶证是否有效</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="iseffectivedrivinglicence"
                                                   lay-skin="switch" lay-text="有效|无效" checked>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">行驶证是否有效</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="iseffectivevehiclelicence"
                                                   lay-skin="switch" lay-text="有效|无效" checked>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">是否超出行驶区域</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="isoversteptravelregion"
                                                   lay-skin="switch" lay-text="是|否">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">是否装载危险货物</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="isloaddangerousgoods"
                                                   lay-skin="switch" lay-text="是|否">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">是否违规装载</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="isviolationload" lay-skin="switch"
                                                   lay-text="是|否">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">标的车出现前是否有缺陷</label>
                                        <div class="layui-input-inline">
                                            <input type="checkbox" value="1" name="isbeforedangerdefect"
                                                   lay-skin="switch" lay-text="是|否">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">查勘意见</label>
                                        <div class="layui-input-block">
                                            <textarea placeholder="请输入内容" name="prospectdisposeidea"
                                                      class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">损失情况</label>
                                        <div class="layui-input-block">
                                            <textarea placeholder="请输入内容" name="lossinfo"
                                                      class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item" pane="">
                                    <div class="layui-form-item" pane="">
                                        <label class="layui-form-label">责任判断</label>
                                        <div class="layui-input-block">
                                            <input type="radio" name="duty" value="1" title="全部责任" checked="">
                                            <input type="radio" name="duty" value="2" title="主要责任">
                                            <input type="radio" name="duty" value="3" title="同等责任">
                                            <input type="radio" name="duty" value="4" title="次要责任">
                                            <input type="radio" name="duty" value="5" title="无责任">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">比例</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="dutyratio" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">维修点</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="maintenancepoint" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <button class="layui-btn" lay-submit lay-filter="formInfo1">
                                            &emsp;下一步&emsp;
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="layui-form layuimini-form">
                                    <div class="layui-form-item">
                                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                                            <legend>上传图片</legend>
                                        </fieldset>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn1">勘察车辆</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img1">
                                                <p id="imgText1"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn2">现场方位</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img2">
                                                <p id="imgText2"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn3">损失全貌</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img3">
                                                <p id="imgText3"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn4">汽车事故面</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img4">
                                                <p id="imgText4"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item" style="margin-top: 100px;">
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn5">驾驶证</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img5">
                                                <p id="imgText5"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn6">行驶证</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img6">
                                                <p id="imgText6"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn7">车架号</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img7">
                                                <p id="imgText7"></p>
                                            </div>
                                        </div>
                                        <div class="layui-upload layui-inline">
                                            <button type="button" class="layui-btn" id="imgBtn8">发动机号</button>
                                            <div class="layui-upload-list">
                                                <img class="layui-upload-img" width="92px" id="img8">
                                                <p id="imgText8"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formInfo2">
                                                &emsp;下一步&emsp;
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <fieldset class="layui-elem-field layui-field-title" style="color: #009688">
                                    <legend>车损信息</legend>
                                </fieldset>
                                <table class="layui-hide" id="cartInfo" lay-filter="cartInfo"></table>
                                <script type="text/html" id="cartToolbar">
                                    <div class="layui-btn-container">
                                        <button class="layui-btn layui-btn-sm" lay-event="cartLoss">车损添加</button>
                                        <button class="layui-btn layui-btn-sm" lay-event="objectLoss">物损添加</button>
                                        <button class="layui-btn layui-btn-sm" lay-event="humanLoss">人伤添加</button>
                                    </div>
                                </script>

                                <fieldset class="layui-elem-field layui-field-title" style="color: #009688">
                                    <legend>物损信息</legend>
                                </fieldset>
                                <table class="layui-hide" id="objectInfo" lay-filter="objectInfo"></table>

                                <fieldset class="layui-elem-field layui-field-title" style="color: #009688">
                                    <legend>人伤信息</legend>
                                </fieldset>
                                <table class="layui-hide" id="humanInfo" lay-filter="humanInfo"></table>

                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                        <button class="layui-btn layui-btn-warm" lay-submit lay-filter="tempSave">暂存
                                        </button>
                                        <button class="layui-btn" lay-submit lay-filter="commitBtn">提交</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
